import Vue from 'vue'
import Router from 'vue-router'
import Component from '@/views/component.vue'
import Button from '@/views/basic/button'
import Radio from '@/views/form/radio'
import Checkbox from '@/views/form/checkbox'
import Table from '@/views/data/table'
import Modal from '@/views/others/modal'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Component',
      redirect:'/button',
      component: Component,
      children: [
        {
          path: 'button',
          component: Button
        },
        {
          path: 'radio',
          component: Radio
        },
        {
          path: 'checkbox',
          component: Checkbox
        },
        {
          path: 'table',
          component: Table
        },
        {
          path: 'modal',
          component: Modal
        },
      ]
    }
  ]
})
